/* 自定义 Vue 组件 */

/*
* head-nav 组件，使用方法参考vant-ui的 van-nav-bar 组件
*
* */
Vue.component('hs-head-nav', {
  template: `
  <div class="hs-head-nav">
    <div class="hs-head-nav-title">{{title}}</div>
  </div>
  `,
  props: {
    title: String
  },
  data: function () {
    return {}
  },
  methods: {
    onClickLeft: function () {
      this.$emit('click-left')
    },
    onClickRight: function () {
      this.$emit('click-right')
    }
  }
});
